<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../libs/bootstrap-3.4.1-dist/css/bootstrap.min.css">
  <script src="../js/jquery-3.1.1.js"></script>  
  <script src="../libs/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
  <style>
    h2{
      margin-bottom: 50px;
      font-weight: 800;
    }
    th{
      padding-bottom: 20px;
      font-weight: 800;
    }
    td{
      padding-bottom: 20px;
      color: #A8AFBC;
      font-weight: 500;
    }
    button{
      border: none;
      outline:none;
      background-color: white;
      font-size: 26px;
    }
    button:hover{
      color: #64C8BC;
    }
    table{
      margin-bottom: 50px;
    }
    #quxiao{
      background-color:#A8AFBC;
      font-weight: 900;
  border-radius: 6px;
  height: 50px;
  margin-right: 20px;
  color: white;
    }
    #queren{
      background-color:#61A4E4 ;color: white;
      font-weight: 900;
  border-radius: 6px;
  height: 50px;
    }
  </style>
</head>
<body>
  <h2 class="container">人员抽组</h2>
<table class="container">
  <thead>
    <tr>
      <th class="col-md-2 item">姓名</th>
      <th class="col-md-2 item">部门</th>
      <th class="col-md-2 item">工种</th>
      <th class="col-md-2 item">工种等级</th>
      <th class="col-md-2 item">操作</th>
    </tr>
  </thead>
  <tbody id="tbody">

  </tbody>
</table>
<div class="container">
 <button class="col-md-2 item col-md-offset-3" id="quxiao">取消</button>
 <button class="col-md-2 item" id="queren">确认</button></button>

</div>



  <script src="../js/renyuanchouzu.js"></script>
</body>
</html>